<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url()?>external_folder/img/home/ksa_icon.png">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>باب رزق</title>
    
    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>external_folder/css/home/demo.css" media="screen" />
    
    
    <script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/functions.js"></script>
	<script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/jquery-ui-1.8.13.custom.min.js"></script>
    <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
        <script type="text/javascript" src="login_panel/js/pngfix/supersleight-min.js"></script>
    <![endif]-->
	<script type="text/javascript">
	$(document).ready(function() 
	{
		var url='<?php echo base_url()?>index.php/jobs_cont/get_latest_jobs/';
		$.post(url, {},function(data) {
			var data_rec_search=eval('(' + data + ')');
			var jobs_str='';
			for(var i=0;i<data_rec_search.length;i++)
			{	
			
				jobs_str+='<dt class="heading"><a href=<?php echo base_url()?>index.php/jobs_cont/view_job/'+data_rec_search[i].j_id+'>'+data_rec_search[i].j_title+'</a></dt>';
			}
			document.getElementById('ticker').innerHTML=jobs_str;
	});
	});
	</script>
    <script type="text/javascript">
		function validateForm_reg()
		{
			var email=document.forms["reg_form"]["email"].value;
			var password=document.forms["reg_form"]["password"].value;
			var re_pass=document.forms["reg_form"]["re_pass"].value;
			if (email==null || email=="" || password==null || password=="" || password!=re_pass || password.length<8)
			{
				alert("تأكد من بريدك الإلكتروني وايضا من طول كلمة المرور 8 احرف فأكثر")
				return false;
			}
		}
		function validateForm_log()
		{
			var email=document.forms["log_form"]["email"].value;
			var password=document.forms["log_form"]["password"].value;
			if (email==null || email=="" || password==null || password=="")
			{
				alert("تأكد من بريدك أو كلمة مرورك")
				return false;
			}
		}
	</script>
    <script src="<?php echo base_url()?>external_folder/js/home/slide.js" type="text/javascript"></script>
	<style type="text/css">
	#ticker { width:96%; height:50px; margin-bottom:0px; overflow:hidden }
	#ticker dt {float:right;text-align:center;font:normal 14px Georgia; padding:0 10px 5px 10px; background-color:#EEE;  }
	#ticker dd {text-align:center; font:normal 11px Verdana;  border-bottom:1px solid #aaaaaa; background-color:#EEE;   }
	#ticker dd.last { }
	#ticker div { }
	#tickerContainer{background-color:#eee;width:96%; height:20px; margin:auto; margin-bottom:0px; overflow:hidden }
	
	.searchText
	{
		opacity: 0.6;
		-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .6);
		box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .1);
		-webkit-rtl-ordering: logical;
		-webkit-user-select: text;
		cursor: auto;
		letter-spacing: normal;
		word-spacing: normal;
		line-height: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		text-align: -webkit-auto;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		-o-transition: opacity 1s;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		padding-left: 0px;
		width: 500px;
		height: 35px;
		background: rgba(255, 255, 255, 0.99);
		font: 15px "Helvetica Neue",Arial,sans-serif;
		border: 1px solid rgba(0, 0, 0, 0.2);
		outline: none;
		top:400px;
		margin-left:auto;
		text-align:center;
		color: green;
		font-family:Tahoma, Helvetica, sans-serif;
	}
	input::-webkit-input-placeholder,input:-moz-placeholder
	{
		
		color:gray;
		font-family:Tahoma, Helvetica, sans-serif;
	}
	#tags
	{
		
		font-family:Tahoma, Helvetica, sans-serif;
	}
	.grey_example
	{
		text-align:center;
		color:white;
		margin-top:-400px;
	}
	#job_card
	{
		margin-top:0%;
		padding:10px;
		text-align:center;
		float:right;
		color:black;
		
		margin-bottom:20px;
		margin-right:2%;
		width: 46%;
		min-height:300px;
		
		background: #f0f0f0;
		overflow:auto;
		word-wrap:break-word;

	}
	#map
	{
		margin-top:0%;
		padding:10px;
		text-align:center;
		float:left;
		color:black;
		margin-left:2%;		
		margin-bottom:20px;
		
		width: 46%;
		min-height:300px;
		
		background: #f0f0f0;
		overflow:auto;
		word-wrap:break-word;
		
	}
	</style>
</head>

<body>
<header> <!-- Defining the header section of the page with the appropriate tag -->		
	<hgroup style="margin-right:3%">
		<h1>باب رزق</h1>
		<h3>.. توكل على الله فهو الرزاق</h3>
	</hgroup>
</header>
<section>
<div id="job_card">
	<!-- Login Form -->
	<form name="log_form" class="" action="<?php echo base_url()?>index.php/acc_mgt_cont/login" method="post" onsubmit="return validateForm_log()">
		<h2>تسجيل الأعضاء</h2>
		
		
		
		<label class="grey" for="email">البريد الإلكتروني</label>
		<input class="field" type="email" name="email" id="email" value="" size="23" />
		<br/><label class="grey" for="password">كلمة المرور</label>
		<input class="field" type="password" name="password" id="password" size="23" />
		<label><input name="rememberMe" id="rememberMe" type="checkbox" checked="checked" value="1" /> &nbsp;تذكرني</label>
		<div class="clear"></div>
		<input type="submit" name="submit" value="دخول" class="bt_login" />
	</form>

</div>
<div id="map">		
	<!-- Register Form -->
	<form name="reg_form" action="<?php echo base_url()?>index.php/acc_mgt_cont/register" method="post" onsubmit="return validateForm_reg()">
		<h2>لست عضوا ! سجل الآن</h2>
		<label class="grey" for="email">البريد الإلكتروني</label>
		<input class="field" type="email" name="email" id="email" size="23" />
		<label class="grey" for="password">كلمة المرور</label>
		<input class="field" type="password" name="password" id="password" size="23" />
		<label class="grey" for="re_pass">تأكيد كلمة المرور</label>
		<input class="field" type="password" name="re_pass" id="re_pass" size="23" />
		<!--<label class="grey" for="tags">التاقات</label>
		<input class="field" type="tags" pattern="^[A-Za-z0-9 _]*[A-Za-z0-9][A-Za-z0-9 _]*$" placeholder="ادخل اسماء الجهات مفرقة بفراغ كالمثال" name="tags" id="tags" size="23" style="font-size:100%" title="التاقات تساعد في تنبيهك بفرص جديدة"/>
		<label class="grey" for="tags">مثال : وزارة_الخارجية شركة_التصنيع</label>-->
		<input type="submit" name="submit" value="تسجيل" class="bt_register" />
	</form>
</div>
</section> <!-- Closing the #page section -->






<div id="tickerContainer">
      <dl id="ticker">
      </dl>
</div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
	  $(function() {
	  
		//cache the ticker
		var ticker = $("#ticker");
		  
		//wrap dt:dd pairs in divs
		ticker.children().filter("dt").each(function() {
		  
		  var dt = $(this),
		    container = $("<div>");
		  
		  dt.next().appendTo(container);
		  dt.prependTo(container);
		  
		  container.appendTo(ticker);
		});
				
		//hide the scrollbar
		ticker.css("overflow", "hidden");
		
		//animator function
		function animator(currentItem) {
		    
		  //work out new anim duration
		  var distance = currentItem.height();
			duration = (distance + parseInt(currentItem.css("marginLeft"))) / 0.05;

		  //animate the first child of the ticker
		  currentItem.animate({ marginLeft: -distance }, duration, "linear", function() {
		    
			//move current item to the bottom
			currentItem.appendTo(currentItem.parent()).css("marginLeft", 0);

			//recurse
			animator(currentItem.parent().children(":first"));
		  }); 
		};
		
		//start the ticker
		animator(ticker.children(":first"));
				
		//set mouseenter
		ticker.mouseenter(function() {
		  
		  //stop current animation
		  ticker.children().stop();
		  
		});
		
		//set mouseleave
		ticker.mouseleave(function() {
		          
          //resume animation
		  animator(ticker.children(":first"));
		  
		});
	  });
    </script>
	



</div>
</body>
</html>
